<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>计算器</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<h2>Html Css Javascript 计算器</h2>
	<div>
		<ul>
			<li>
				<button style="background-color:#E3844C;" id="clear">C</button>
				<input type="text">
			</li>
			<li>
				<span>7</span>
				<span>8</span>
				<span>9</span>
				<span style="background-color:#DEDEDC; color:black;">+</span>
			</li>
			<li>
				<span>4</span>
				<span>5</span>
				<span>6</span>
				<span style="background-color:#DEDEDC; color:black;">*</span>
			</li>
			<li>
				<span>1</span>
				<span>2</span>
				<span>3</span>
				<span style="background-color:#DEDEDC; color:black;">-</span>
			</li>
			<li>
				<span>0</span>
				<span style="background-color:#DEDEDC; color:black;">.</span>
				<span style="background-color:#DEDEDC; color:black;">/</span>
				<button style="background-color:#E3844C;" id="result">=</button>
			</li>
		</ul>
	</div>

	<script src="./index.js"></script>
</body>

</html>